<!DOCTYPE html >
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>


<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>靖青个人博客-文章内容页</title>
    <meta name="keywords" content="个人博客,靖青个人博客,靖青"/>
    <meta name="description" content="互联网从业者，java开发的cms系统"/>
    <link href="<%=request.getContextPath() %>/resources/css/base.css" rel="stylesheet">
    <link href="<%=request.getContextPath() %>/resources/css/template.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="<%=request.getContextPath() %>/resources/js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div id="logo"><a href="/"></a></div>
    <nav class="topnav" id="topnav">
        <c:forEach items="${navChannels}" var="nav">
            <a href="${nav.customLinkUrl}"><span>${nav.name}</span><span class="en">${nav.pinyinStr}</span></a>
        </c:forEach>
    </nav>
</header>
<article class="blogs">
    <h1 class="t_nav">
        <span>
            您当前的位置：
            <c:forEach items="${channels}" var="channel">
                &nbsp;&gt;&nbsp;<a href="/news/s/">${channel.name}</a>
            </c:forEach>
        </span>
        <a href="/" class="n1">网站首页</a>
        <a href="${channels.get(0).customLinkUrl}" class="n2">${channels.get(0).name}</a>

    </h1>

    <div class="index_about">
        <h2 class="c_titile">${topic.title}</h2>

        <p class="box_c"><span class="d_time">发布时间：<fmt:formatDate value="${topic.publishDate }"
                                                                   pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></span>
            <span>编辑：${topic.author}</span>
            <span>
            <a target="_blank"
               href="http://shang.qq.com/wpa/qunwpa?idkey=e75032a5dc76c2d33f32d0f13ca3d0dab3f322db9becab4d6b1f8054be0f2ff5">互动qq群:333603745</a>
                </span>
        </p>

        <div class="infops">
            <p style="padding: 5px 25px 0 0;">
                ${topic.content}
            </p>

            <p class="ps">* 本站文章均取自互联网，如有冒犯阁下，请多多包涵并联系本人qq，立即予以删除。勿做其他用途 *</p>
        </div>
        <div class="keybq">
            <p><span>关键字词</span>：${topic.keyword}</p>

        </div>
        <div class="ad"></div>
        <div class="nextinfo">
            <p>上一篇：
                <c:if test="${preTopic==null}"><a href="#">没有了</a></c:if>
                <c:if test="${preTopic!=null}"><a
                        href="/blog/tpl/web/template/${preTopic.id}">${preTopic.title}</a></c:if>
            </p>

            <p>下一篇：
                <c:if test="${nextTopic==null}"><a href="#">没有了</a></c:if>
                <c:if test="${nextTopic!=null}"><a
                        href="/blog/tpl/web/template/${nextTopic.id}">${nextTopic.title}</a></c:if>
            </p>
        </div>
        <div class="otherlink">
            <h2>相关文章</h2>
            <!-- 查询同一关键词的文章 -->
            <ul>
                <c:forEach items="${relativeTopics }" var="relativeTopics">
                    <li><a href="/blog/tpl/web/template/${relativeTopics.id}" title="${relativeTopics.title}" target="_blank">${relativeTopics.title}</a></li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <aside class="right">
        <jsp:include page="baidu_share.jsp"/>
        <div class="blank"></div>
        <div class="news">
            <h3>
                <p>栏目<span>最新</span></p>
            </h3>
            <ul class="rank">
                <c:forEach items="${latestTopics }" var="latestTopics">
                    <li><a href="/blog/tpl/web/template/${latestTopics.id}" title="${latestTopics.title}" target="_blank">${latestTopics.title}</a></li>
                </c:forEach>
            </ul>
            <h3 class="ph">
                <p>点击<span>排行</span></p>
            </h3>
            <ul class="paih">
                <c:forEach items="${mostClickTopics }" var="mostClickTopics">
                    <li><a href="/blog/tpl/web/template/${mostClickTopics.id}" title="${mostClickTopics.title}" target="_blank">${mostClickTopics.title}</a></li>
                </c:forEach>
            </ul>
        </div>
        <%--    <div class="visitors">
              <h3>
                <p>最近访客</p>
              </h3>
              <ul>
              </ul>
            </div>--%>
    </aside>
</article>
<jsp:include page="footer.jsp"/>
<script src="<%=request.getContextPath() %>/resources/js/silder.js"></script>
</body>
</html>